<!DOCTYPE html>
<html>
<head>
    <script src="../build/react.js"></script>
    <script src="../build/react-dom.js"></script>
    <script src="../build/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">

    function FuntionDefine(props) {
        return <h1>Funtion Define: Hello {props.name}</h1>;
    }

    class ClassDefine extends React.Component {
        render() {
            return <h1>Class Define : Hello, {this.props.name}</h1>;
        }
    }

    const element = (<div>
        <FuntionDefine name="FuntionDefine" />
        <ClassDefine name="ClassDefine" />
    </div>);

    ReactDOM.render(
        element,
        document.getElementById('example')
    );
</script>
</body>
</html>

